412
11889 
Я хотів би показати предмети, що належать різним клієнтам. З цією метою я отримую дані за допомогою дзвінка ajax, після чого групую дані на основі кожного унікального клієнта. Потім я додаю згруповані дані до мого html.
Структура моїх згрупованих даних виглядає так:
"Джон Доу": [
{
"Item_id": 1
"Item_name": "abc"
},
{
"Item_id": 2
"Item_name": "def"
},
],
"Джейн Доу":
{
"Item_id": 3
"Item_name": "ghi"
},
{
"Item_id": 4
"Item_name": "jkl"
},
]
Мій код виглядає так:
$ .each (groupedData, function (key, value) {
$ ('. cust_items'). append (`

 `+ клавіша +` 


<теця>

 № товару 
 Назва елемента 


 


`);
$ .each (значення, функція (ky, val) {
$ ('# dataTable tbody'). append (
`

`+ ky +`


`+ val.Item_name +`


`);
});
});
Я стикаюся з проблемою, згідно з якою всі елементи відображаються під першим замовником, тоді як дані відображаються правильно під другим замовником.
2021-01-31 08:24:14 
Ви пропускаєте коми після того, як властивості та об’єкти властивості Jane Doe не вкладені в []. Подумайте про зміну об’єкта groupedData, оскільки синтаксис неправильний.
Редагувати: Також налаштовано рядок шаблону та доступ до таблиці з динамічним ідентифікатором.
Зразок:
нехай groupedData = {
"Джон Доу": [{
"Item_id": 1,
"Item_name": "abc"
},
{
"Item_id": 2,
"Item_name": "def"
}
],
"Джейн Доу": [{
"Item_id": 3,
"Item_name": "ghi"
},
{
"Item_id": 4,
"Item_name": "jkl"
}
]
};
$ .each (groupedData, function (key, value) {
$ ('. cust_items'). append (`

 $ {key} 


<теця>

 № товару 
 Назва елемента 


 


`);
$ .each (значення, функція (ky, val) {
$ (`#dataTable _ $ {key.split ('') .join ('_')} tbody`) .append (
`

$ {ky}


$ {val.Item_name}


`);
});
});





|
Я трохи запізнився на вечірку, але ось цікавий і практичний спосіб динамічно відобразити ваші дані за допомогою елемента